import * as React from 'react';
import { Text, View, StyleSheet, Image } from 'react-native';

export default function Home_logo() {
  return (
    <View style={styles.container}>
      <Text style={styles.paragraph}>
        莲湖有腔调{"\n"}
        MetaLH
      </Text>
      <Image style={styles.logo} source={require('../../assets/img/logo_lh_img.jpg')} />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    alignItems: 'flex-start',
    justifyContent: 'flex-start',
    padding: 24,
    flexDirection:'row',
    flexWrap:'wrap',
    margin: 'auto'
  },
  paragraph: {
    fontSize: 18,
    fontWeight: 'bold',
    textAlign: 'left',
    justifyContent: 'center',
    margin:'auto'
  },
  logo: {
    position: 'absolute',
    right: 10,
    height: 80,
    width: 80,
    
  }
});
